
// 鼠标移动到li时，背景色改变并显示对应的内容
// 获取li和p
let li=document.querySelectorAll("#box li")
let p=document.querySelectorAll("#box p")
// 遍历
li.forEach(function(val,i){
    val.addEventListener("mouseover",function(){
        console.log("1")
        li.forEach(function(v){
            v.className=""
        })
        val.className="active"
        p.forEach(function(v){
            v.className=""
        })
        p[i].className="play"
    })
})
